<template>
    <div class="container sub-container">
        <system-nav name="会议详情" :showBack = true>
        </system-nav>
        <div class="inner">
            <div class="mt-content">
                <h3>{{mtDetail.title}}</h3>
                <p class="mt-time">{{mtDetail.submitTime | formatDate}}</p>
                <div class="content" v-html="mtDetail.content">
                    <!-- {{mtDetail.content}} -->
                </div>
                <div class="mt-footer">
                  <Button type="primary" @click="goBack" ghost>返回</Button>
                </div>
            </div>

        </div>
    </div>
</template>
<script>
import SystemNav from '@/components/SystemNav'

import { meetingView } from '@/common/apis/system'
import moment from 'moment'

    export default{
        data(){
            return{
                mtDetail:'',
                mt:''
            }
        },
        components:{SystemNav},
        mounted(){
            this.getData()
        },
        methods:{
            getData(){
                let id = this.$route.query.id
                this.mt = this.$route.query.mt
                meetingView(id).then(res=>{
                    console.log("res")
                    console.log(res)
                    if(res.data.code==200){
                        this.mtDetail = res.data.content
                        
                    }
                })
            },
            goBack(){
                this.mt==1 ? (this.$router.push('/meeting1')) : this.mt==2 ? (this.$router.push('/meeting2')) : (this.$router.push('/meeting3'))
            }
        }
    }
</script>
<style lang="less" scoped>
    .mt-content{
        padding: 30px 30px;
        min-height: 300px;
        position: relative;
        h3{
            font-size: 18px;
            text-align: center;
            // font-weight: 300;
        }
        .content{
            font-size: 13px;
            text-indent: 4px;
            margin-top: 22px;
        }
        .mt-footer{
            text-align: center;
            position: absolute;
            bottom: 30px;
            left: 50%;
            margin-left: -30px;
        }
        .mt-time{
            text-align: center;
            font-size: 13px;
            color: #999;
            margin-top:10px;
        }
    }
</style>